<template>
  <div>
    <!-- default-expand-all 是否默认展开所有节点 -->
    <!-- props配置选项  label指定节点标签为节点对象的某个属性值default-expand-all -->
    <!-- <el-tree :data="treeData" :props="{label: 'name', children: 'children'}" /> -->

    <ImageUpload />

    <h1>{{ t('helloworld') }}</h1>
    <el-button @click="locale = 'zh'">中文</el-button>
    <el-button @click="locale = 'en'">英文</el-button>
    <el-button @click="locale = 'cs'">潮汕</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      locale: 'zh',
      messages: {
        zh: {
          helloworld: '你好世界！！！'
        },
        en: {
          helloworld: 'Hello World!'
        },
        cs: {
          helloworld: '鲁好'
        }
      }
    }
  },
  methods: {
    t(val) {
      const message = this.messages[this.locale]
      return message[val]
    }
  }
}

// export default {
//   data() {
//     return {
//       treeData: [
//         {
//           name: '总裁办'
//         },
//         {
//           name: '财务部',
//           children: [
//             {
//               name: '薪资管理部',
//               children: [
//                 {
//                   name: '北京的总部'
//                 },
//                 {
//                   name: '广州的总部'
//                 }
//               ]
//             }
//           ]
//         },
//         {
//           name: '技术部',
//           children: [
//             {
//               name: 'java'
//             },
//             {
//               name: '前端'
//             },
//             {
//               name: 'php'
//             }
//           ]
//         }
//       ]
//     }
//   }
// }
</script>

